{% extends "ProjetUserBundle::layout.html.twig" %}

{% block title %}
	Accueil - {{ parent() }}
{% endblock %}

{% block fos_user_content %}
<script type="text/javascript">

	$(document).ready(function(){
		$('#user-sugg').html('commencer à saisir et le système va vous suggérer les destinataires valides :)');

		$('li','ul#user-sugg').live('click', function(){
			$('#destinataire').val($('#user-name', this).text());    
		});
		$('#destinataire').keyup(function(key)
				  {
			  		
				    if (this.value.length >= 1)
				    {
				    	jQuery.ajax({
						    url: '/ProjetAnnee/web/app_dev.php/find_users/'+this.value,
						    success: function(data){
							    if(data != '')
							    {
							    	$('#user-sugg').html(data).hide().slideDown('slow');
							    }
							    else
							    	$('#user-sugg').html('');
						    }
						});
				    }
				    else
				    	$('#user-sugg').html('');
		});
		
		

	});
	
</script>
<div class="alert alert-warning"><h2>Nouveau message</h2></div>
<div class="alert alert-info">Utilisez les suggestions qui apparaissent à coté après la saisie</div>
<table class="table">

    <td>
    	<form action="{{ path('message_create') }}" method="post" {{ form_enctype(form) }}>



			<!-- Les erreurs générales du formulaire. -->
			{{ form_errors(form) }}
		
			
		    	<!-- Génération du label. -->
		    	{{ form_label(form.destinataire, "Destinataire : login") }}
		
		    	<!-- Affichage des erreurs pour ce champ précis. -->
		    	{{ form_errors(form.destinataire) }}
		
		
			    <!-- Génération de l'input. -->
			    {{ form_widget(form.destinataire, { 'id' : 'destinataire'}) }}
		
		
			
			<!-- Génération des champs pas encore écrits.
		    	 Dans cet exemple, ça serait « date », « auteur » et « tags »,
		     	mais aussi le champ CSRF (géré automatiquement par Symfony !)
		     	et tous les champs cachés (type « hidden »). -->
			{{ form_rest(form) }}
			
			
			
		    <p>
		        <button type="submit">Envoyer</button>
		    </p>
			</form>
    
    </td>
    
    <td><ul id="user-sugg" class="alert"></ul></td>
  </tr>
</table>



{% endblock %}